3 Web Designs In 3 Weeks by Juntao Qiu

Author:Juntao Qiu [Juntao Qiu]
Language: eng
Format: epub, pdf
Publisher: leanpub.com
Published: 2022-08-25T00:00:00+00:00

After replacement we get a list of images:

Icon List

We need to set the margins of the first and last flex elements to automatic margin-top: auto, so they fill the available space in the parent element, and set the width of li to 2rem( i.e. 32px), and finally make sure the width of the image is 100% to fill the available space.

1 .nav-list li:first-child { 2 margin-top: auto; 3 } 4 5 .nav-list li:last-child { 6 margin-top: auto; 7 } 8 9 .nav-list li { 10 list-style: none; 11 width: 2rem; 12 margin: 0 0.5rem 0.5rem 0.5rem; 13 } 14 15 li img { 16 width: 100%; 17 }

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.